<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page
	import="org.springframework.web.context.support.WebApplicationContextUtils"%>
<%@ page import="org.springframework.context.ApplicationContext"%>
<%@ page import="com.shiplanet.service.CategoryService"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<section class="background-page">
	<div class="row padding-top">

		<article class="column custom-main-column">

			<div id="top" class="row collapse">
				<div class="column large-12">

					<p>To provide a visual impression of the new equipment, please
						add photos in following form.</p>

					<div class="row">
						<div
							class="box-shadow background-white more-margin-bottom clearfix card content-padding">
							<div
								class="large-12 clearfix blue-topper heading-padding card-header">
								<h3 class="inverse no-margin-top no-margin-bottom">
									<span class="semi-bold"><em>Image Gallery</em></span>
								</h3>
							</div>
							<div class="column large-4 small-margin-top">
								<p class="gray italic">Add photos of your equipment. Drag
									and drop or click to add.</p>
							</div>

							<div class="column large-8 small-margin-top small-margin-bottom">
								<form method="post" action="imaging"
									class="dropzone ng-pristine ng-valid dz-clickable"
									id="images-form">
									<input type="hidden" id="form_listing" name="form[listing]"
										value="1307">
									<div id="dropzone-images"></div>
									<input type="hidden" id="form__token" name="postId"
										value="${ post.id }">
									<div class="dz-default dz-message">
										<span>Drop files here to upload</span>
									</div>
								</form>
							</div>
						</div>
					</div>

					<a target="_blank"
						class="right button small extra-small-margin-right"
						href="/viewing?postId=${ post.id }">
						<i class="fa fa-search"></i> Preview
					</a>
					<a class="right button small extra-small-margin-right"
						href="/uploading">
						<i class="fa fa-files-o"></i> Publish
					</a>



				</div>
			</div>

		</article>
	</div>
</section>